<!DOCTYPE html>
<html>
    <head>
        <style type="text/css">
            * {
                padding: 0;
                margin: 0;
            }

            html, body {
                height: 100%
            }

            #wrapper {
                min-width: 960px;
                width: 960px;
                margin: 0 auto;
                height: 100%;
            }

            #servers {
                float: left;
                width: 45%;
            }

            #notes {
                float: right;
                width: 45%;
            }

            dt {
                float: left;
            }

            dd.inline {
                float: left;
                margin-left: .5em;
            }

            ul {
                list-style-type: none;
            }

            .clear {
                clear: both;
            }
        </style>
    </head>
    <body>
        <div id="wrapper">
            <div id="servers">
                <h1>Servers</h1>
                <dl>
                    {% for server in servers %}<dt>{{ server.name }}</dt>
                    <dd class="inline"><a href="?act=remove_server&amp;server_id={{ server.id }}">Remove</a></dd><dd class="clear"></dd>{% endfor %}
                </dl>
            </div>
            <div id="notes">
                <h1>Notes</h1>
                <dl>
                    <dd class="clear"><a href="?act=modify_note">Create New Release Notes</a></dd>
                    {% for note in notes %}<dt><a href="?act=modify_note&amp;version={{ note.version }}">{{ note.version }}</a></dt>
                    <dd class="inline"><a href="?act=outdate_note&amp;version={{ note.version }}">Remove</a></dd><dd class="clear"></dd>{% endfor %}
                </dl>
            </div>
        </div>
    </body>
</html>